 #{extends 'main.html' /}
#{set title:'Sản Phẩm Đồng Phục - Bảo Hộ Lao Động - Phú Cường Thịnh' /}
#{set activeSanPham:'active' /}
#{set 'moreStyles'}
        #{stylesheet 'product.css' /}
        #{stylesheet 'jquery.jqzoom.css' /}
#{/set}

<script type="text/javascript">
$(document).ready(function() {
    $('.jqzoom').jqzoom({
            zoomType: 'reverse',
            lens:true,
            preloadImages: false,
            alwaysOn:false
        });
});
</script>
<div class="content_resize">
      <div class="mainbar">
      
	      <div class="article">
	          <h2><span>Sản Phẩm : </span>${product.name}</h2>
	          <div class="clr"></div>
	          
	          <div class="Group_SF_detail">
	          	  <div class="SF_images_detail">
	          			<div class="clearfix">
		          			<a title="${product.name}" rel="gal1" class="jqzoom" href="/showPicture/${product.image}/500/720" style="outline-style: none; text-decoration: none;">
		          				<img src="/showPicture/${product.image}/250/360">
		       				</a>
	       				</div>
				  </div>
				  <div class="SF_title_detail">
				  	<a href="#">${product?.name}</a>
				  </div>
				  <div class="SF_price_detail">Giá: liên hệ trực tiếp để có giá tốt nhất</div>
				  <div class="SF_content_des">${product?.descDetail}</div>
				  <div class="SF_content_detail">
				  	<p>
				  		<span style="color: #f10b00;">Chi Tiết Sản Phẩm :</span><br> 
				  		<span style="color: #0000ff;">
				  			-  Tên sản phẩm  : ${product?.name}<br>
				  			-  Chất liệu vải : kaki việt nam, ý, mỹ, xi, kaki 65/35, kaki thành công...<br>
				  			-  Màu sắc sản phẩm : theo nhu cầu khách hàng<br>
				  			-  In Thêu sắc nét, không phai màu<br> 
				  			-  Cắt hàng kỹ, may đẹp, bền chắc<br> 
				  			-  Hình thức cắt may  : may theo size<br> 
				  			-  Dáng rộng vừa, có nhiều size lựa chọn<br> 
				  			-  Thời gian giao hàng : 05ngày - 15ngày<br> 
				  			-  Số lượng đặt hàng  : không hạn chế<br> 
				  			-  Giá cả hợp lý, linh hoạt
			  			</span>
			  			<span style="font-weight: bold;"> </span>
		  			</p>
	  			 </div>
	  			 <div class="SF_pay_detail">
	  			 	<div class="detail_detail">
	  			 		<a href="/lienhe">Liên hệ</a>
				 	</div>
				 	<div class="pay_detail"><a href="/chitietsanpham/${productNext.alias}">Xem tiếp</a></div>
			 	</div>
		 	</div>
	          
	          
	      	  <div class="group-box">
	      	    #{list items:listProducts, as:'productItem'}
					<div class="small-box-trans small-group-box group-3 ${product_parity}">
		      			<a title="${productItem.name}" href="/chitietsanpham/${productItem.alias}" rel='gal1'>
		      				<img width="320" height="196" alt="${productItem.name}" src="/showPicture/${productItem.image}/196/320">
		      			</a>
		      			<div class="box-info-price">
		      				<div class="box-info">
		      					<strong>${productItem.descShort}</strong>
							</div>
							<h3>
								<a href="/chitietsanpham/${productItem.alias}">${productItem.name}</a>
							</h3>
						</div>
					</div>
				#{/list}
			 </div>
	      </div>
      </div>
      
       
      
      <!-- menu left -->
      <div class="sidebar">
        <div class="gadget">
          <h2 class="danhmuc"><span>Danh Mục</span></h2><div class="clr"></div>
        </div>
        <div class="gadget">
          <h2 class="star"><span>Đồng</span> Phục</h2><div class="clr"></div>
          <ul class="sb_menu">
          	#{list items:dongphucCategories, as:'category'}
          		#{if category.alias == aliasCategory}
          			<li class="active"><a href="/sanpham/${category.alias}">${category.name}</a></li>
          		#{/if}
          		#{else}
          			<li><a href="/sanpham/${category.alias}">${category.name}</a></li>
          		#{/else}
          	#{/list}
          </ul>
        </div>
        <div class="gadget">
          <h2 class="star"><span>Bảo Hộ Lao Động</span></h2><div class="clr"></div>
          <ul class="ex_menu">
            #{list items:bhldCategories, as:'category'}
          		#{if category.alias == aliasCategory}
          			<li class="active"><a href="/sanpham/${category.alias}">${category.name}</a></li>
          		#{/if}
          		#{else}
          			<li><a href="/sanpham/${category.alias}">${category.name}</a></li>
          		#{/else}
          	#{/list}
          </ul>
        </div>
      </div>
      <div class="clr"></div>
    </div>
  </div>
